<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>我的订单页</title>
    <link rel="stylesheet" href="css/order.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/hk库.js"></script>
    <script src="js/order.js"></script>
	<script src="js/order2.js"></script>
	<script>
		$(function(){
			// 公共部分
			$('.header').load('head.html');
			$('.footer').load('footer.html');
		});
	</script>
</head>
<body>
<!--头部-->
<div class="header"></div>

<!--主界面-->
<div id="my_OrderPage" style="overflow: auto;">
    <div class="order_TotalSet"  style="clear:both;">
        <ul>
       <!-- <li>
            <h4>订单中心</h4>
        </li> -->
        <li class="showRightIcon">
            <a href="#" class="text-red">我的订单</a>
        </li>
<!--        <li>
            <a href="#">我的活动</a>
        </li>
        <li>
            <a href="#">评价晒单</a>
        </li>
        <li>
            <a href="#">我的常购商品 </a>
        </li>
        <li>
            <a href="#">购物助手</a>
        </li>
        <li>
            <a href="#">设置</a>
        </li> -->
        <li>
            <a href="#">个人信息</a>
        </li>
        <li>
            <a href="#">收货地址</a>
        </li>
      <!--  <li>
            <a href="#">举报中心</a>
        </li>
        <li>
            <a href="#">交易纠纷</a>
        </li> -->
    </ul>
    </div>
    <div class="orderPage_Total">
        <div>我的订单</div>
        <div class="orderPage_Nav">
            <ul>
                <li>
                    <a href="#" class="orderNav-Active">所有订单</a>
                </li>
                <li>
                    <a href="#">代付款 <span class="text-red">1</span></a>
                </li>
                <li>
                    <a href="#">代发货 <span class="text-red">1</span></a>
                </li>
                <li>
                    <a href="#">待收货 <span class="text-red">1</span></a>
                </li>
                <li>
                    <a href="#">待评价 <span class="text-red">1</span></a>
                </li>
            </ul>
        </div>
        <div>
            <ul>
                <li><a href="#">近三个月订单∨</a></li>
                <li>订单详情</li>
                <li>收货人</li>
                <li>金额</li>
                <li><a href="#">全部状态∨</a></li>
                <li>操作</li>
            </ul>
        </div>
        <ul class="orderPage_Shop">
            <!-- <li>
                <div>
                    <span>2018-01-15 19:41:12</span>
                    <span>订单号： 71337629643</span>
                </div>
                <div>
                    <div>
                        <img src="img/wangwang.jpg" alt="">
                        <p>旺旺 休闲膨化零食 小小酥 原味 200g 原味</p>
                        <span>x1</span>
                    </div>
                    <div>范鸿楷</div>
                    <div>
                        <ul>
                            <li>总额 ¥15.90</li>
                            <li>在线支付</li>
                        </ul>
                    </div>
                    <div>
                        <a href="#" style="color: #fdc3aa">正在出库</a>
                        <a href="#">订单跟踪</a>
                        <a href="#">取消订单</a>
                    </div>
                    <div><a  class="cancelEvn">取消订单</a></div>
                </div>
            </li> -->
            
        </ul>
    </div>
</div>

<!--底部-->
<div class="footer"></div>
</html>
</body>